Tryit Editor v2.3

Edit This Code:
<!DOCTYPE html> <html> <head> <style> div { border: 1px solid black; margin: 5px; } </style> </head> <body> <div class="example"> <p>P element in first div with class="example". Div's index is 0.</p> </div> <div class="example color"> <p>P element in first div with class="example color". Div's index is 0.</p> </div> <div class="example color"> <p>P element in second div with class="example color". Div's index is 1.</p> </div> <p>Click the button to change the background color of the first div element with the classes "example" and "color".</p> <button onclick="myFunction()">Try it</button> <p><strong>Note:</strong> The getElementsByClassName() method is not supported in Internet Explorer 8 and earlier versions.</p> <script> function myFunction() { var x = document.getElementsByClassName("example color"); x[0].style.backgroundColor = "red"; } </script> </body> <!-- Mirrored from www.w3schools.com/jsref/tryit.asp?filename=tryjsref_document_getelementsbyclassname2 by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 23 Jan 2015 08:10:47 GMT --> </html>
Result:
Try it Yourself - © w3schools.com